body{
    background:#f5f5f5;
    font-family: 'SimHei';
}
html,body{
    height: 100%;
}
.qrcode_content{
    width:95%;
    background-color:#fff;
    margin:.75rem auto;
    border:1px solid #ccc;
    -moz-border-radius: .7rem;      /* Gecko browsers */
    -webkit-border-radius: .7rem;   /* Webkit browsers */
    border-radius:.7rem;            /* W3C syntax */
    height: auto;
    overflow: hidden;

}
.user_header{
    display: inline;
    float:left;
    width:60px;
    height:60px;
    margin-right:15px;
}

.user_header img{
    display:block;
    width:100%;
    height:100%;
    -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
}
.user_message{
    width:auto;
}
.user_message .user_message_title h2{
    display: inline;
    line-height: 1.8;
    font-size: 15px;
    color:#323232;
}
.user_message .user_message_title span{
    margin-left:.61rem;
    font-size: 1.08rem;
    color:#929292 !important;
}
.user_message .user_message_des{
    line-height: 1.6;
    overflow: hidden;
    white-space: nowrap;
}
.user_message .user_message_des span{
    font-size: 1.01rem;
    color:#929292;
}
.user_message .user_message_des .hospital{
    float:left;
    width:60%;
    overflow: hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow: ellipsis;
    font-size:14px;
    color:#646464;
}
.user_message .user_message_des .departments{
    overflow: hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow: ellipsis;
}
.user_qrcode{
    clear:both;
    height:auto;
    text-align: center;
    width:100%;
    overflow: hidden;
}
.user_qrcode h3{
    margin:.5rem auto;
    color:#353535;
    font-size: 14px;
    font-weight: normal;
    letter-spacing:.07rem;
}
.user_qrcode_area{
    width:200px;
    height:200px;
    margin:0 auto;
    position: relative;
}
.user_qrcode_area .userimg_src{
    position: absolute;
    top:50%;
    left:50%;
    width:40px;
    height:40px;
    margin-left:-20px;
    margin-top:-20px;
    z-index: 101;
    border:2px #fff solid;
}
.user_adept,.user_intr{
    margin:30px auto 0;
    min-height: 2rem;
    width:100%;
}
.user_intr{
    margin:20px auto;
}
.user_message_text{
    margin:0 10px 0 15px;
    align-self:flex-start;
}
.user_message_text h3{
    color:#323232;
    font-size: 16px;
    letter-spacing:1px;
    width: 100%;
    margin-top: 5px;
}
.user_message_content{
}
.user_message_content p{
    padding:0 15px 0 0;
    color:#5a5a5a;
    word-wrap: break-word;
    font-size: 14px;
    letter-spacing:1px;
}

/********提示用户下载app层************/
.user_qrcode_contrain{
    height: 100%;
    position: relative;
}

.user_download_bg{
    border-top:1px solid #dcdcdc;
    width:100%;
    margin:0 auto;
    position: fixed;
    bottom: 0;
    background-color:#fff;
    display: none;
}
.user_download_bg button{
    border: 1px solid #0000ff;
    color:#0000ff;
    background-color: transparent;
    border-radius: .473333rem;
    padding:.4rem .6rem;
    right: 0;
    position: absolute;
    top:1.266rem;
    height: 2.2rem;
}
.user_download_con{
    width:calc(100% - 30px);
    text-align: left;
    height: 4.7333rem;
    line-height:4.7333rem;
    color:#646464;
    margin:0 auto;
    position: relative;
}
.user_download_con img{
    height: 80%;
    vertical-align: middle;
    margin-right: 1rem;
}
.user_info{
    padding: 10px;
    width:100%;
}
/************共用flex布局 水平方向*******************/
.common_flex_layout{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width:100%;
}
/************共用flex布局 垂直方向*******************/
.common_flex_column_layout{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-flow:column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width:100%;
}
/*****************共用布局 主轴为水平方向，起点在右端 row-reverse**************************/
.common_flex_row_reverse_layout{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-flow:row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width:100%;
}
.common_flex_item_layout{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.user_professional{
    width:auto;
    max-width: 60%;
    flex-shrink:0;
    margin-right: 40px;
}
.user_base_pro{
    font-size: 14px;
    line-height:1.7;
    color:#646464;
    width:100%;
    flex-shrink:0;
}
.user_message_title{
    flex-shrink:0;
}
/*****************共用样式*****************/
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.show_One_line{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}